<%@ page pageEncoding="UTF-8"%>
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt"%>
<jsp:include page="common/header.jsp"></jsp:include>


<h1><img src="${pageContext.request.contextPath}/views/images/icons/posts.png" alt="" /> SalonVipUserTrack </h1>

<a id="button_add" class="mypage_button" href="${pageContext.request.contextPath}/admin-salonVipUserTrack/getinfo'"><img src="${pageContext.request.contextPath}/views/images/icons/menu/dark/chart.png"/> 添加</a>
<%-- <a  class="mypage_button" style="margin-top:-0.5;margin-right:20px;" href="javascript:batchDel();"><img src="${pageContext.request.contextPath}/views/images/icons/menu/dark/chart.png"/> 删除</a> --%>
<div class="bloc">
	<div class="title">
  	SalonVipUserTrack（共计<font id="totalCount"> </font>个）
    </div>
	<div class="content dashboard">
		
		   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a id="button_search" class="mypage_button"> 查询</a>
	</div>
	<div class="content"  id="tableDiv" style="overflow-x:scroll">
        <table id="jgcsTable"  style="width:120%">
            <thead>
                <tr>
                    <th><input type="checkbox" class="checkall"/></th>
                    <th>序号</th>
						<th>用户</th>
						<th>userId</th>
						<th>类型，0：充值，1：扣费</th>
						<th>消费金额</th>
						<th>消费时间</th>
						<th>记账用户</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody id="tb_body">
            </tbody>
        </table>
    </div>
      <div id="kkpager"></div>
</div>
<script type="text/javascript">
var curPageName = "house";
changeCurrent();

$("#tableDiv").scroll(function(){//给table外面的div滚动事件绑定一个函数
	var left=$("#tableDiv").scrollLeft();//获取滚动的距离
	var trs=$("#tableDiv table tr");//获取表格的所有tr
	trs.each(function(i){//对每一个tr（每一行）进行处理
	//获得每一行下面的所有的td，然后选中下标为0的，即第一列，设置position为相对定位
	//相对于父div左边的距离为滑动的距离，然后设置个背景颜色，覆盖住后面几列数据滑动到第一列下面的情况
	//如果有必要也可以设置一个z-index属性
	$(this).children().eq(0).css({"position":"relative","top":"0px","left":left});
	$(this).children().eq(1).css({"position":"relative","top":"0px","left":left});
	$(this).children().eq(2).css({"position":"relative","top":"0px","left":left});
	$(this).children().eq(3).css({"position":"relative","top":"0px","left":left});
	});
}); 

$(function(){
	BindData(1);
});
// 查询按钮事件绑定
function bindSearch(){
	$('#button_search').unbind().bind('click',function(){
		BindData(1);
	});
} 


//AJAX方法取得数据并显示到页面上
function BindData(pageIndex) {
	//获取排序字段
	var orderStr = getOrderColum();
	$.ajax({
		type : "post", // 使用get方法访问后台
		dataType : "json", // 返回json格式的数据
		url : "${pageContext.request.contextPath}/admin-salonVipUserTrack/ajaxdataList", // 要访问的后台地址
		data : {
			"orderStr":orderStr,
			"page" : pageIndex,
			"size":20
		}, // 要发送的数据
		ajaxStart : function() {
			$("#load").show();
		},
		complete : function() {
			$("#load").hide();
		}, // AJAX请求完成时隐藏loading提示
		success : function(msg) {// msg为返回的数据，在这里做数据绑定
			var data = msg.data;//列表数据
			var curPageIndex=msg.curPage;//当前页码
			var total=msg.total;//数据总条数
			$("#totalCount").text(total);
			var totalPage=msg.totalPage;//页面总数
			$("#tb_body").empty(); // 在读取数据时如果表格已存在行．一律删除
			var tmp = "";
			var ordNo = (curPageIndex-1)*20;//序号
			$.each(data,
					function(i, item) {
						ordNo++;
						
						$("#jgcsTable").append(
												"<tr><td style='width:5%'><input type='checkbox' name='mailId' value='"+item.id+"'/></td><td style='width:5%'>" +
														+ ordNo + "</td>"
															+ "<td>" + item.id +  "</td>"
															+ "<td>" + item.userId +  "</td>"
															+ "<td>" + item.type +  "</td>"
															+ "<td>" + item.money +  "</td>"
															+ "<td>" + item.ctime +  "</td>"
															+ "<td>" + item.cuser +  "</td>"
														+ "<td>"
														+ " <a href='${pageContext.request.contextPath}/admin-salonVipUserTrack/getinfo/getinfo?id="+item.id+"' target='_parent' title='编辑数据'>"
														+ "<img src='${pageContext.request.contextPath}/views/images/icons/actions/edit.png' alt='查看详细信息'"
														+ "id='btnInsert'style='border-width:0px;' /></a>"
														+ "</td></tr>");
			});
			generPageBar("BindData", curPageIndex, totalPage, total);
		},
		error : function() {
			var t = document.getElementById("tb_body"); // 获取展示数据的表格
			while (t.rows.length != 0) {
				t.removeChild(t.rows[0]); // 在读取数据时如果表格已存在行．一律删除
			}
			myAlert("加载数据失败");
		} 
	});
}

function batchDel(){
		var mailIds = '';
		$("input[name='mailId']:checked").each(function(){
			mailIds+=$(this).val()+',';
		});
		if( mailIds == ""){
			myAlert(" 请选择要删除的数据!");
			return;
		}
		myConfirm("确定要删除？", function(){
		$.ajax({
			url:"${pageContext.request.contextPath}/admin-salonVipUserTrack/ajaxdelete",
			type: "POST",
			dataType: "text",
			data: {
				"uids":mailIds,
				"_":(new Date()).getTime()
			},
			success: function(rtn){
				var r = eval('('+ rtn +')');
				if(r.code == 0){
					myAlert("操作成功!");
					BindData(1);
				} else {
					myAlert(r.msg);
				}
			}
		})
		});
		
}

//获取排序字段
function getOrderColum() {
	var colum = $('#colum option:selected').val();
	if(colum != ""){
		var order = $('#order option:selected').val();
		return colum+" "+order;
	}
}

function getCTimeZone(fix) {
	var startdate = $("#"+fix+"startdate").val();
	var starttime = $("#"+fix+"starttime").val();
	var enddate = $("#"+fix+"enddate").val();
	var endtime = $("#"+fix+"endtime").val();
	
	var sartTime = "";
	if(startdate != ""){
		sartTime = startdate+" "+starttime;
	}
	var endTime = "";
	if(enddate != ""){
		endTime = enddate+" "+endtime;
	}
	
	var obj = {
			"sartTime":sartTime,
			"endTime":endTime,
	}
	return obj;
}
</script>
